

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<title>项目</title>

<style>

            ul.pagination {

display: inline-block;

                padding: 0;

                margin: 0;

            }

            ul.pagination li {

display: inline;

            }

            ul.pagination li a {

                color: black;

                float: left;

                padding: 8px 16px;

                text-decoration: none;

            }

</style>

</head>

<body>

<h2>Simple Pagination</h2>

<ul class="pagination">

<li><a href="/1">«</a></li>

<li><a href="/2">1</a></li>

<li><a class="active" href="/3">2</a></li>

<li><a href="/4">3</a></li>

<li><a href="#">4</a></li>

<li><a href="#">5</a></li>

<li><a href="#">6</a></li>

<li><a href="#">7</a></li>

<li><a href="#">»</a></li>

</ul>

</body>

</html>

